﻿/*
Adventure - Main CSS
Copyrights- trendywebstar.com
made by: trendyWebStar
June - 2011

/* 
	01-RESET CSS
	02- BODY , HEADINGS & TABLES
	03-FORMS
	04-BASIC STYLES
	05-GRID
	06-NAVIGATION
	07-SLIDERS
	08-FOOTER
	09-PORTFOLIO
	10-BUTTONS
	11-PRICING BOXES &  TABLES
	12-GRID HOMEPAGE
	13-SIMPLE UL STYLE , TAGS, TABS
	
/*-------------------------------------------------------*/
/*---------------01 - RESET CSS---------------*/
/*-------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------------------------------------------------*/
/*---------------02 - BODY & HEADINGS ---------------*/
/*-------------------------------------------------------*/
body {
	background-color:#FFF;	
	background-image:url(../images/body-bg-3.png);
	background-repeat:repeat;
	font: 12px/20px  'Droid Sans', arial, serif;
	line-height:20px;
	color: #666;
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
}
::selection {
	background:#f26c4f;
	/* Safari */
	color:#fdfdfa;
}
::-moz-selection {
	background:#f26c4f;
	/* Firefox */
	color:#fdfdfa;
}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}
/*-------------------------------------------------------*/
/* ------------------HEADINGS------------------*/ 
/*-------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family:'Crimson Text',arial,serif;
	font-weight:normal;
	font-variant:normal;
	white-space:normal;
	color:#272727;
	margin-bottom:10px;
}
h1 {
	font-size:34px;
	line-height:38px;
}
h2 {
	font-size:28px;
	line-height:33px;
}
h3 {
	font-size:24px;
	line-height:29px;
}
h4 {
	font-size:20px;
	line-height:25px;
}
h5 {
	font-size:16px;
	line-height:21px;
}
h6 {
	font-size:14px;
	line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#272727;
	font-family:'Crimson Text',arial,serif;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#e26fb5;
	font-family:'Crimson Text',arial,serif;
	font-size:100%;
	text-decoration: none;
}
/*-------------------------------------------------------*/
/*------------------TABLE STYLES------------------*/
/*-------------------------------------------------------*/
table {
	border-collapse:separate;
	border-spacing:0;
	border-top-width:5px;
	margin-bottom:10px;
	border:1px solid #efefef
}
th {
	padding:10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	background:#99cccc;
	color:#FFF;
}
td {
	padding:10px 15px;
	border-top: 1px solid #efefef
}
/*------------------TABLE STYLES ENDS------------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*------------------03 - FORM STYLE------------------*/
/*-------------------------------------------------------*/
label {
	font-weight:normal;
	display:block;
	color:#7f7f7f;
}
input[type=text],input[type=password],input.text,input.title,textarea {
	background-color:#FFF;
	border:1px solid #ebebeb;
	font-size:11px;
}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus {
	border-color:#88bbc8;
	-moz-box-shadow: 0 0px 3px #88bbc8;
	-webkit-box-shadow: 0 0px 3px #88bbc8;
	box-shadow: 0 0px 3px #88bbc8;
}
select {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
}
input[type=text],input[type=password],input.text,input.title,textarea,select {
	margin:5px 0;
}
input.text,input.title {
	width:200px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width:450px;
	height:180px;
	padding:5px;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.search-input{
	background:#FFF url("../images/search-bg.png")  right no-repeat;
	padding:6px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:200px;
	color:#c6c6c6;
	
}
.search-place{
	margin-left:25px;
}
.required {
	color:#ed1c24;color:#e64135;
}
.required {
	color:#ed1c24;
}
.error{color:#e64135;text-align:right;font-size:11px;}
.success{color:#acd373;text-align:right;font-size:11px;}
.simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info {
	
	padding:0.8em;
	margin-bottom:1em;
	border:1px solid #ddd;
}
.simple-error,.simple-alert {
	background:#fbe3e4;
	border-color:#fbc2c4;
	color:#e64135;
}
.simple-notice {
	background:#fff6bf;
	color:#514721;
	border-color:#ffd324;
}
.simple-success {
	background:#e6efc2;
	color:#264409;
	border-color:#c6d880;
}
.simple-info {
	background:#d5edf8;
	color:#205791;
	border-color:#92cae4;
}
.simple-error a,.simple-alert a {
	color:#8a1f11;
}
.simple-notice a {
	color:#514721;
}
.simple-success a {
	color:#264409;
}
.simple-info a {
	color:#205791;
}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* ------------------04 - BASIC STYLE
/*-------------------------------------------------------*/
/*--------Copyrighty by trendyWebStar----------*/
/*------------------------------------------------------------*/
/*-----------------MAIN STYLES-------------------*/
/*------------------------------------------------------------*/
#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;	
}	
#container {
	float:left;
	height:auto;
	width:960px;
	background:#FFF;
	-moz-box-shadow:0 0 6px #b7b7b7;
	-webkit-box-shadow:0 0 6px #b7b7b7;
	box-shadow:0 0 6px #b7b7b7;
	padding:0 30px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.center {
	height: auto;
	width: 1020px;
	margin: auto;
	padding: 0px;
}
#content {
	padding-bottom:0px;
	height:auto;
	float:left;
}
#header {
	padding:30px 0;
	/*border-bottom:1px solid #efefef;*/
	height:60px;	
}
a#logo {
	display:block;
	float:left;
	width:220px;
	height:60px;
}
.slideshow {	
	
	border-top:1px solid #efefef;
	padding: 30px 0;
	
}
a {
	text-decoration:none;
	color:#88bbc8;
}
a:hover {
	text-decoration:none;
	color:#e26fb5;
}
a img {
	border:none;
}
strong {
	font-weight:bold;
	color:#252525;
}
p,ul,ol,pre,code {
	margin-bottom:10px;
}
.colored{color:#f26c4f;}
ul {
	list-style-type:none;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}
blockquote {
	padding:5px 20px 5px 45px;
	line-height:24px;
	background: url(../images/quote.png) no-repeat top left;
	color:#999999;
}
blockquote span {
	color:#666666;
}
pre,code {
	border:1px solid #efefef;
	border-left:5px solid #efefef;
	display:block;
	padding:10px;
	font-size:11px;
	font-family:monospace;
	background-color:#f5f5f5;
}
/*------------------05 -  GRID STYLE-------- Copyrighty by trendyWebStar----------*/
/*-------------------------------------------------------*/
.horizontal-line {
	width:100%; 
	margin:30px auto;
	float:left;
	border-top:1px solid #efefef;
	
}
.clear-line {
	width:100%;
	margin:10px auto auto auto;	
}
.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px!important;
}
.img-align-left {
	margin:5px 10px 0 0;
	float:left;
}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align-center {
	margin:5px 0;
	text-align:center;
}
.text-align-left {
	float:left;
	width:220px;
}	

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#main_navigation {
	top:10px;
	font-size:11px;
	height:50px;
	float:right;
}
.main-menu {
	position:relative;
	z-index:22;
	font-family:'Droid Sans', arial, serif;
}
.main-menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.main-menu ul li {
	position:relative;
	display:inline;
	float:left;
	font-size:14px;
}
.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
	line-height:40px;
	color:#3d4753;
	font-size:11px;
	
}
.main-menu ul li a:hover {
	color:#e26fb5;	
}
.main-menu ul li a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 15px;
}
* html .main-menu ul li a {
	display:inline-block;
}
.main-menu ul li ul {
	position:absolute;
	left:0px;
	display:block;
	visibility:hidden;
}
.main-menu ul li ul li {
	display:list-item;
	float:none;
}
.main-menu ul li ul li a {
	width:160px;
	padding:5px 10px;
}
.main-menu ul ul {
	background:#FFF;
	border:1px solid #e0e0e0;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	line-height:20px;
	margin-right:-2px!important;
	border-bottom:dotted 1px #e1e1e1;
	padding:5px 10px!important;
}
.main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover {
	background:#fbfbfb;
	text-decoration:none!important;
	margin:0 0px;
	color:#e26fb5;
}
.main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
	text-decoration:none!important;
	width:160px;
}
/*-------------------------------------------------------------------------------------------------*/
/*INTRO PAGES*/
/*-------------------------------------------------------------------------------------------------*/
.intro-pages  span {
	color:#e26fb5;
}
.intro-pages {
	padding:30px 0px 50px 0;
	height:auto;
	margin-bottom:30px;
	background:transparent url("../images/intro-pages-bg.png") no-repeat bottom;
	border-top:1px solid #efefef;
}
.intro-pages  h1,.intro-pages  h2,.intro-pages  h3,.intro-pages  h4{
	text-align:center;
	margin-bottom:0;	
	font-style:italic;
}
.intro-pages  a {
	color:#e26fb5;
}
/*------------------------07 - SLIDERS-------------------------------*/
/*-------------------------------------------------------------------------*/
#piecemaker{width:960px;height:430px;float:left;margin-bottom:30px;}
	
/*VIDEO BLOCK */
#video-block {
    width:1020px;
    height:570px;
	float:left;
	margin-left:-30px;
	border-top:5px solid #f7f7f7;
}
/*NIVO SLIDERS*/
.nivoSlider {
    width:1020px;
    height:550px;
	float:left;
	margin-left:-30px;
	border-top:5px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
}
 .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}
#slider3 .nivo-controlNav {position:absolute;right:10px;bottom:10px;z-index:99;}
#slider3 .nivo-controlNav a {display:block;
	float:left;
	margin:0 0px 0 0;
	background:url(../images/nivo-pag.png) top no-repeat;
	width:22px;
	height:22px;
	outline:none;
	text-indent:-9999px;}
#slider3 .nivo-controlNav a.active {	background:url(../images/nivo-pag.png) bottom no-repeat;}

.nivo-directionNav a {display:block;width:50px;height:50px;background:url(../images/slideshow-nav.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background:url(../images/slide-next-prev.png) right no-repeat;right:5px;}
a.nivo-prevNav {background:url(../images/slide-next-prev.png) left no-repeat;left:5px;}
.nivo-caption {text-shadow:none;font-size:12px;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
 .nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#slider3 {
	margin-bottom:30px;
}
/*-------------------------------------------------------*/
/*NIVO THUMB SLIDER*/
/*-------------------------------------------------------*/
#slider4 {
	margin-bottom:110px;
}
#slider4 .nivo-controlNav {
	position:absolute;
	left:30px;
	bottom:-85px;
}
#slider4 .nivo-controlNav a {
    display:inline;
}
#slider4 .nivo-controlNav img {
	display:inline;
	position:relative;
	margin-right:10px;
	-moz-box-shadow:0px 0px 5px #acacac;
	-webkit-box-shadow:0px 0px 5px #acacac;
	box-shadow:0px 0px 5px #acacac;
}
#slider4 .nivo-controlNav a.active img {
    border:1px solid #556074;
}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------SLLIDERS JS----------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*SLIDER FULL WIDTH STARTS*/
.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:30px;
	padding:10px 20px 5px 20px;
	background: url("../images/thumb-hover-bg.png") repeat;
	margin-bottom:5px;
	width:910px;
	font-size:12px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
.caption p{margin-bottom:0;font-style:italic;}
.slides_container {
	
	background:#FFF;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.slides_container a img {
	display:block;
	z-index:99;
}
.small-slider{
	padding:4px;
	background:#FFF;
	height:350px;
	width:620px;
	border:1px solid #ebebeb;

}
.big-slider{
	height:350px;
	width:950px;
	background-color:#f8f8f8;
	background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF));
	border:1px solid #ebebeb !important;
	padding:4px;

}
.portfolio-details-slider{
		height:350px;
		width:711px;
	
}
#simple-slider{margin-top:0px;}
/*SLIDER TWO THIRD  WIDTH ENDS*/
.pagination {
	position:relative;
	float:right;
	z-index:501;	
	margin:-30px 10px 0 0px;
}
.pagination li {
float:left;
	margin:0 5px 0 0;
}
.pagination li a {
	display:block;
	background:url(../images/slideshow-nav.png) left no-repeat;
	width:12px;
	float:left;
	height:12px;
	outline:none;	
	text-indent:-9999px;
}
.slides-nav {
	position: relative;
	z-index: 100;
	display: none;
}

.slides-nav a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-image: url(../images/slide-next-prev.png);
	z-index: 10;
}

.slides-nav a.prev {
	background-position: left;
	margin: -195px 0 0 20px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	
}
.slides-nav a.prev:hover{
	background-position: left;
	margin: -195px 0 0 15px;
	
}
.slides-nav a.next {
	background-position: right;
	margin: -195px 0 0 880px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
}
.slides-nav a.next:hover {
	background-position: right;
	margin: -195px 0 0 885px;
}
.pagination li.current a {background:url(../images/slideshow-nav.png) right no-repeat;}
.kwicks-container {width: 1020px; height:550px; margin: 0 auto 30px auto; overflow:hidden; position:relative; 
background: #FFF;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background:#FFF;overflow:hidden; 
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 220px;
	height: 550px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
	background: #FFF;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}
.accordian-slider-image {float:left;padding:0;margin:0;}
.slide-minicaption {
	bottom:0;
	right:0;
	position:absolute;
	color:#fff;
	text-shadow: 2px 2px #111;
	padding:10px;
	font-size:12px;
	line-height:18px;
	width: 195px;
	background:#111;
	}
	
.slide-minicaptiontitle {
	font-size:13px;
	text-align:center;
	letter-spacing:0.5px; 
	color:#fff; 
	display:block;
	line-height:20px;
	}
.accordian-slider-caption {
	top:60px;
	left:550px;
	position:absolute;
	color:#D1D1D1;
	padding:10px 20px;
	font-size:12px;
	line-height:22px;
	background:#111;
	-moz-border-radius: 5px;
	-webkit-border: 5px;
	border-radius: 5px;
	width: 300px;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}	
.accordian-slider-caption a {color:#D1D1D1; }
.accordian-slider-caption a:hover {text-decoration:none;}
.accordian-slider-captiontitle {
	font-size:20px; 
	color:#fff; 
	display:block;
	line-height:26px;
	margin: 0 0 5px 0;
}
.accordian-slider-captiontitle a {	color:#fff;}
.accordian-slider-captiontitle a:hover {color:#fff; text-decoration:none;	}
	.kiwcks-container { height: 550px;overflow:hidden;  }
	.kiwcks-container { width: 1020px;margin-left:-30px;border-top:5px solid #f7f7f7;margin-bottom:30px;overflow:hidden; }
	.kwicks li { width: 255px; }
	.kwicks li { height: 550px; }
	.kwickshadow { height: 550px; }
	.slideshowgallery { height: 550px; }
	.slide-minicaption { width: 255px; }	
/*-------------------------------------------------------------------------------------------------*/
					/*08 -FOOTER*/
/*-------------------------------------------------------------------------------------------------*/	
#footer-wrapper {
	width:1020px;
	float:left;
	background:#363636;
	line-height:20px;
	color:#FFF;
	margin-top:30px;
	border-top:5px solid #2b2b2b;
	border-bottom:1px solid #464646;
	margin-left:-30px;
	text-shadow: 0px 1px 0px #292929;
}
#footer-container {
	width:100%;
	float:left;
	padding:30px 0;	
}
#footer {
	width:960px;
	margin:0 auto;		
}
#footer ul {
	margin:0px;
	list-style-type:none;
	padding:0px;
	float:left;
}
#footer ul li {
	display:block;
	margin-bottom:10px;
}

#footer ul li a:hover {
	color:#e26fb5;
}
#footer ul li span,#footer ul li span a {
	display:block;
	text-transform:none;
}
#footer ul li span a {
	display: inline;
}
#footer h1,#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#FFF;}
/********** SOCIAL-LINK UL***************/
ul.social-links {
	float:left;
	margin:0px;
	padding:0px;
}
ul.social-links li {
	display:block;
	margin-bottom:0px;
}
ul.social-links li img {
	margin-right:7px;
	float:left;
	margin-top:2px;
}
#footer .tweet {
	width:auto;
}
#footer .tweet ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;	
	
}
#footer .tweet li,.block .tweet li {
	margin-bottom:20px;
}
#footer .tweet li .tweet_text,.block .tweet li .tweet_text {
	list-style-type:none;
	font-style:normal;
	font-size:12px;
	
}
#footer .tweet a,.block .tweet a {
	text-transform:none;
	display:inline;
	margin:0px;
	padding:0px;
	font-style:italic;
	font-size:12px;

}
#footer .tweet .tweet_time a,.block .tweet .tweet_time a {
	text-transform:none;
	display:block;
	font-style:italic;
	font-size:12px;
	
	margin-top: 10px;
}
/**** COPYRIGHT***********/

#copyright-wrapper {
	width:1020px;
	padding:30px 0 25px 0;
	float:left;
	background:#313131;
	line-height:20px;
	color:#636363;
	margin-left:-30px;
	font-family:'Crimson Text',arial,serif;
	border-top:1px solid #252525;
	text-shadow: 0px 1px 0px #262626;
}
a#copyright-logo {
	display:block;
	float:left;
	margin-top:-5px;
	width:185px;
	height:50px;
}
#copyright a {
	color:#636363;
	font-size:13px;
	
}
#copyright a:hover {
	color:#e26fb5;
}
#copyright {
	width:960px;
	margin:0 auto;
}
#copyright p,#copyright span {
	margin-bottom:0px;
	
}
#copyright span {
	font-size:12px;
}
/*-------------------------------------------------------------------------------------------------*/
					/*FOOTER ENDS*/
/*-------------------------------------------------------------------------------------------------*/	
/*-------------------------------------------------------------------------------------------------*/
					/*09 - PORTFOLIO*/
/*-------------------------------------------------------------------------------------------------*/	
.portfolio-item-preview {
	display:block;
	background:url(../images/bg-fade.png) no-repeat center center;
	

}
.portfolio-img{}
.bordered-img {
	border:5px solid #f8f8f8;
}
.pretty-box{
	background-color:#f8f8f8;
	background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF));
	border:1px solid #ebebeb !important;
	padding:4px;
}
.pretty-box:hover {	
	border:1px solid #556074 !important;
	-moz-box-shadow:0 0px 3px #e7e7e7;
	box-shadow: 0 0px 3px #e7e7e7;
	-webkit-box-shadow: 0 0px 3px #e7e7e7;
	-o-box-shadow: 0 1px 3px #e7e7e7;
}
#portfolio {
	width: 960px;
	float: left;
}
.portfolio-container ul li a.hide {
	display: none;
}
.portfolio-container {
	padding: 0px;
	display: block;
	width: 990px;
	float: left;
	height:auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: -30px;
}
.portfolio-container ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-top:10px;
}
/***************************************************
		  FILTERABLE   PORTFOLIO 
***************************************************/
#filterable  {
	display: inline;
	float: right;
	margin-bottom: 20px;
	margin-right:20px;

}
#filterable li {
	float: left;
	margin-left: 25px;
	
}
#filterable li a {
	display: block;
	color: #aaa;
	font: bold 11px arial;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: auto;
	padding:2px 5px;
	margin:5px;
	background: #fafafa;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: 1px solid #f0f0f0;
	-webkit-box-shadow: 
		inset 0 0 25px #fafafa,
		0 1px 0 #cecece,
		0 2px 0 #c9c9c9,
		0 2px 3px #4a4a4a;
	-moz-box-shadow: 
		inset 0 0 25px #fafafa,
		0 1px 0 #cecece,
		0 2px 0 #c9c9c9,
		0 2px 3px #4a4a4a;
	box-shadow: 
		inset 0 0 25px #fafafa,
		0 1px 0 #cecece,
		0 2px 0 #c9c9c9,
		0 2px 3px #4a4a4a;
	text-shadow: 0px 1px 0px #f5f5f5;
}

#filterable li.current a {
	color: #e26fb5;
	background: #fafafa;
	margin: 7px 5px 3px;
	-webkit-box-shadow:
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	-moz-box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	border-top: 1px solid #eee;
}
#filterable li h5{
	float: left;
	margin-top: 5px;
	
}
/*-------------------------------------------------------------------------------------------------*/
		/*PORTFOLIO DETAILS NAVIGATION*/
/*-------------------------------------------------------------------------------------------------*/
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
#prev,#next {
	display:block;
	float:right;
	padding:4px 9px;
	margin-right:5px;
	border:1px solid #d7d7d7;
	background-color:#ffffff;	
}
#prev:hover,#next:hover {
	background-color:#F7F7F7;
}
#prev a:hover,#next a:hover {
	text-decoration:none!important;
}
/*-------------------------------------------------------------------------------------------------*/
					/*10 - BUTTONS*/
/*-------------------------------------------------------------------------------------------------*/	

.button{
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0);
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	
	}
.button.round{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.button.small{
	padding: 4px 10px;
}	
.button.big{
	padding: 8px 20px;
}	
.button.huge{
	padding: 12px 24px;
}
/*-----------BUTTON COLORS ---------------*/
ul.buttons li {display:list;margin:25px 0;}
/*BLUE*/
.button.blue{
	background-color:#1e6fca;	
	background: -moz-linear-gradient(
		top,
		#65b1f0 0%,
		#246eab);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#65b1f0),
		to(#246eab));
	
	border: 1px solid #275682;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	
	}
	.button.blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#246eab),
		to(#65b1f0));
	}
/*ORANGE*/
.button.orange{
	background-color:#d74b23;	
	background: -moz-linear-gradient(
		top,
		#f27a2a 0%,
		#c13a05);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f27a2a),
		to(#c13a05));
	border: 1px solid #9f2f03;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	
	}
	.button.orange:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.orange:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c13a05),
		to(#f27a2a));
	}
	
/*GREEN*/	
.button.green{
	background-color:#85cd4d;	
	background: -moz-linear-gradient(
		top,
		#a6df57 0%,
		#6ca314);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a6df57),
		to(#6ca314));
	border: 1px solid #71af1e;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	
	}
	.button.green:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.green:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6ca314),
		to(#a6df57));
	}
	
/*PINK*/
.button.pink{
	background-color:#d82f4e;	
	background: -moz-linear-gradient(
		top,
		#f3546e 0%,
		#c92644);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f3546e),
		to(#c92644));
	border: 1px solid #841e31;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.pink:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.pink:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c92644),
		to(#f3546e));	
}
/*BLACK*/
.button.black{
	background-color:#323232;	

	background: -moz-linear-gradient(
		top,
		#545557 0%,
		#1e1e1e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#545557),
		to(#1e1e1e));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #030303;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.black:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.black:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1e1e1e),
		to(#545557));	
}
/*YELLOW*/
.button.yellow{
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f8c100 0%,
		#b68e00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f8c100),
		to(#b68e00));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #b68e00;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.yellow:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.yellow:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b68e00),
		to(#f8c100));	
}
/*RED*/
.button.red{
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f26c4f 0%,
		#d81f27);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f26c4f),
		to(#d81f27));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #bf0101;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.red:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.red:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d81f27),
		to(#f26c4f));	
}
/*PURPLE*/
.button.purple{
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#b576ad 0%,
		#9a4d90);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b576ad),
		to(#9a4d90));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #954eae;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.purple:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.purple:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9a4d90),
		to(#b576ad));	
}
/*DARK BLUE*/
.button.dark-blue{
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#748095 0%,
		#3d4753);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#748095),
		to(#3d4753));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #3d4753;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.dark-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1),;
	}
	.button.dark-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3d4753),
		to(#748095));	
}
/*LIGHT BLUE*/
.button.light-blue{
	
	background-color:#7ccce5;	
	background: -moz-linear-gradient(
		top,
		#7ccce5 0%,
		#64bcd7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#7ccce5),
		to(#64bcd7));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #52adc9;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.light-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.light-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#64bcd7),
		to(#7ccce5));	
}
/*BUTTON ENDS*/
/*-------------------------------------------------------------------------------------------------*/
					/*11 - PRICING BOXES ANDTABLES*/
/*-------------------------------------------------------------------------------------------------*/	

/*----------------------PRICING BOXES------------------------------*/
/*PRICING BOX STYLE*/
ul.list-box{margin:0; padding:0; list-style-type:none;}
ul.list-box > li{
	background:#eeecec;
	float:left;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);}
 ul.list-box  li:hover{
	position: relative;
	z-index: 100;
	top: -15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	cursor:pointer;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;}
.title-box {text-align:center;}
.box-header{
	padding-top:5px;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	}
.box-header h3{color:#FFF;text-shadow: 0px 1px 0px #005826;}
.box-des{text-align:left;}
.pricing-box-container{background:#fafafa;text-align:left;	}
.list-box-content{ margin:0px 0px;padding:10px 25px 25px 25px;text-align:center}
.list-box-content ul{margin:0px auto;  padding:0; list-style-type:none;}
.list-box-content ul li{margin:0; padding:5px 0 5px 30px; list-style-type:none; background:url(../images/check-box.png) no-repeat 0 5px; text-align:left}
.list-box-content ul li:hover{
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	webkit-box-shadow:none!important;
	left:0px!important;
	top: 0px!important;}
.text-price{
	text-align:center;
	
	padding:10px 0 5px 0;}
.text-price h3{color:#FFF;text-shadow: 0px 1px 0px #005826;}
/*RICING BOX COLORS*/
/*GREEN*/
.text-price.green{
	background-color: #468928;
	background-image: linear-gradient(top, #5dab35, #468928); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dab35', endColorstr='#468928'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dab35', endColorstr='#468928');
	background: -ms-linear-gradient(top, #5dab35, #468928);
	background: -moz-linear-gradient(top, #5dab35, #468928);
	background: -o-linear-gradient(top, #5dab35, #468928); 
	background: -webkit-linear-gradient(top, #5dab35, #468928); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5dab35), color-stop(1, #468928));
}
.box-header.green{
	border-bottom: 1px solid #275c17;
	background-color: #34791f;
	background-image: linear-gradient(top, #449e28, #31741d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#449e28', endColorstr='#31741d'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#449e28', endColorstr='#31741d'); 
	background: -ms-linear-gradient(top, #449e28, #31741d); 
	background: -moz-linear-gradient(top, #449e28, #31741d); 
	background: -o-linear-gradient(top, #449e28, #31741d); 
	background: -webkit-linear-gradient(top, #449e28, #31741d); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #449e28), color-stop(1, #31741d));
	}
/*ORANGE*/
.text-price.orange{
	background-color: #f27a2a;
	background-image: linear-gradient(top, #f27a2a, #c13a05); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05');
	background: -ms-linear-gradient(top, #f27a2a, #c13a05);
	background: -moz-linear-gradient(top, #f27a2a, #c13a05);
	background: -o-linear-gradient(top, #f27a2a, #c13a05); 
	background: -webkit-linear-gradient(top, #f27a2a, #c13a05); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f27a2a), color-stop(1, #c13a05));
}
.box-header.orange{
	border-bottom: 1px solid #9f2f03;
	background-color: #c13a05;
	background-image: linear-gradient(top, #f27a2a, #c13a05);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); 
	background: -ms-linear-gradient(top, #f27a2a, #c13a05); 
	background: -moz-linear-gradient(top, #f27a2a, #c13a05); 
	background: -o-linear-gradient(top, #f27a2a, #c13a05); 
	background: -webkit-linear-gradient(top, #f27a2a, #c13a05); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f27a2a), color-stop(1, #c13a05));
	}
/*BLUE*/
.text-price.blue{
	background-color: #65b1f0;
	background-image: linear-gradient(top, #65b1f0, #246eab); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab');
	background: -ms-linear-gradient(top, #65b1f0, #246eab);
	background: -moz-linear-gradient(top, #65b1f0, #246eab);
	background: -o-linear-gradient(top, #65b1f0, #246eab); 
	background: -webkit-linear-gradient(top, #65b1f0, #246eab); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65b1f0), color-stop(1, #246eab));
}
.box-header.blue{
	border-bottom: 1px solid #275682;
	background-color: #246eab;
	background-image: linear-gradient(top, #65b1f0, #246eab);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); 
	background: -ms-linear-gradient(top, #65b1f0, #246eab); 
	background: -moz-linear-gradient(top, #65b1f0, #246eab); 
	background: -o-linear-gradient(top, #65b1f0, #246eab); 
	background: -webkit-linear-gradient(top, #65b1f0, #246eab); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65b1f0), color-stop(1, #246eab));
	}
	
/*RED*/
.text-price.red{
	background-color: #f26c4f;
	background-image: linear-gradient(top, #f26c4f, #d81f27); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27');
	background: -ms-linear-gradient(top, #f26c4f, #d81f27);
	background: -moz-linear-gradient(top, #f26c4f, #d81f27);
	background: -o-linear-gradient(top, #f26c4f, #d81f27); 
	background: -webkit-linear-gradient(top, #f26c4f, #d81f27); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f26c4f), color-stop(1, #d81f27));
}
.box-header.red{
	border-bottom: 1px solid #bf0101;
	background-color: #d81f27;
	background-image: linear-gradient(top, #f26c4f, #d81f27);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); 
	background: -ms-linear-gradient(top, #f26c4f, #d81f27); 
	background: -moz-linear-gradient(top, #f26c4f, #d81f27); 
	background: -o-linear-gradient(top, #f26c4f, #d81f27); 
	background: -webkit-linear-gradient(top, #f26c4f, #d81f27); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f26c4f), color-stop(1, #d81f27));
	}
/*PURPLE*/
.text-price.purple{
	background-color: #b576ad;
	background-image: linear-gradient(top, #b576ad, #9a4d90); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90');
	background: -ms-linear-gradient(top, #b576ad, #9a4d90);
	background: -moz-linear-gradient(top, #b576ad, #9a4d90);
	background: -o-linear-gradient(top, #b576ad, #9a4d90); 
	background: -webkit-linear-gradient(top, #b576ad, #9a4d90); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b576ad), color-stop(1, #9a4d90));
}
.box-header.purple{
	border-bottom: 1px solid #82497a;
	background-color: #9a4d90;
	background-image: linear-gradient(top, #b576ad, #9a4d90);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); 
	background: -ms-linear-gradient(top, #b576ad, #9a4d90); 
	background: -moz-linear-gradient(top, #b576ad, #9a4d90); 
	background: -o-linear-gradient(top, #b576ad, #9a4d90); 
	background: -webkit-linear-gradient(top, #b576ad, #9a4d90); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b576ad), color-stop(1, #9a4d90));
	}
/*-----------------------*/
/* PRICING TABLE  */
/*-----------------------*/
.pricing-pricing-table-box-container{ width:960px;}
.pricing-table-box-container ul{ margin:0px; border-bottom:1px solid #dcdcdc; float:left; }
.pricing-table-box-container ul li{ float:left; list-style-type:none; padding:15px 0px 10px 0px ; line-height:normal; color:#707070 !important; min-height:22px; }
.pricing-table-box-container ul li h4{ margin:0px; font-size:14px;}
.pricing-table-box-container ul li.one{
	width:465px; 
	padding-left:20px;
 }
.pricing-table-box-container ul li.one:hover{ 
	background:#e3f7ba;cursor:pointer;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
	.pricing-table-box-container ul li.two{ width:155px; text-align:center; border-left:1px solid #dcdcdc; }
	.pricing-table-box-container ul li.three{ width:155px; text-align:center; border-left:1px solid #dcdcdc; }
	.pricing-table-box-container ul li.four{ width:155px; text-align:center; border-left:1px solid #dcdcdc; }
	ul.pricing-table-header li{ }
	ul.pricing-table-white{ background-color:#FFF; float:left;}
	ul.pricing-table-white li.one{ width:475px; padding-left:10px; }
	ul.pricing-table-grey{ background-color:#fafafa}
	ul.pricing-table-grey li.one{ width:475px; padding-left:10px; }
	ul.tbl-price{ border:0px; font-size:18px;}
	.icontable{width:25px; margin-right:10px;}
	.icontable img{vertical-align:middle;}

/*------------------------------------------------------------*/
			/*12- GRID HOMEPAGE*/
/*------------------------------------------------------------*/
#grid {width:960px;padding-bottom:30px;height:auto;}
.item-hover{
	margin:0!important;
	padding:0!important;
	height:150px;
	}
#grid .portfolio-thumbnail{
	position:absolute;
	left: 0px;
	top: 0px;
	display:none;
	height:100%;
	background:url("../images/thumb-hover-bg.png") repeat;
	text-align: left;
	cursor:pointer;	
}
#grid .thumb-text{
	padding:10px;
}
#grid .portfolio-thumbnail h4{color:#f26c4f;}
#grid .portfolio-thumbnail p{color:#FFF;}
#grid .one-half,#grid .one-third,#grid .one-fourth,#grid .one-fifth {
	margin-right:2px;	
	margin-top:2px;	
	margin-bottom:0!important;	
	margin-left:0!important;
	}
#grid .one-half {
	width:478px;
	float:left;	
	position: relative;
}
#grid .one-third {
	width:318px;
	float:left;	
	position: relative;
}
#grid .one-fourth {
	width:238px;
	float:left;	
	position: relative;
}

#grid .one-fifth {
	width:118px;
	float:left;
	position: relative;
}
#grid .last-grid{margin-right:0px;}

/*--------------------------------------13 - SIMPLE UL STYLE , TAGS, TABS-----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
	.simple-nav{ list-style-type:none; list-style-position:outside; width:200px; }
	.simple-nav li{ color:#999999;display:block; padding:5px 0;  border-bottom:1px dotted #e1e1e1;}
	.simple-nav li a { color:#999999;padding-left:15px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}
	.simple-nav li a:hover { color:#e26fb5;}
	.simple-nav li a.current { color:#272727;}
	.round-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.round-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.check-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.check-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check.png) no-repeat 5px 7px;  }
	.cancel-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.cancel-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/cancel.png) no-repeat 5px 7px;  }
	
	.checklist-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.checklist-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/checklist-icon.png) no-repeat 5px 9px;  }

/*-------------------------------SIMPLE BLOG NAVIGATION------------------------------------------------------------------*/
	.blog-pagination{ list-style:none; }
	.blog-pagination li{ display:inline; }
	.blog-pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
	.blog-pagination li.active a{ background-color:#f5f5f5;  }	
	.blog-tags{font-size:12px;}
/***************************************************
				     TAGS
***************************************************/
.tags a{
	color: #666666;
	background-image: url(../images/tag-bg.jpg);
}
.tags a:hover{	
	color: #f26c4f;
}
.tags a{
	color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	font-weight: normal;
	border:1px solid #f9f9f9;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	float: left;
	background-repeat: repeat;
}
.tags, .block div {
	float: left;
	width: 100%;
}
.tags a:hover{
	text-decoration: none;	
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}
/**************************************************
			BLOG  COMMENTS
***************************************************/
.inner-comment{padding-left:75px;}
/****************************************************/
.team-social-icons ul{list-style-type:none;}
.team-social-icons li{list-style-type:none;min-height:1%}
.team-social-icons li img{display:block;float:left;margin-right:5px;}
.team-social-icons li a{display:block;float:left;margin-right:7px;line-height:18px;}
.pdf{background:url(../images/icons/pdf-icon.png) no-repeat 5px 12px;padding:15px 10px 10px 65px;width:125px;min-height:48px}
.menu { padding: 0; clear: both; }
.menu li { display: inline; }
.menu li a { background: #3d4753; padding:5px 10px; float:left; border-right: 1px solid #f5f5f5; border-bottom: none; text-decoration: none; color: #FFF; font-weight: normal;}
.menu li.active a { background: #f5f5f5;color:#272727; }
.content { float: left; clear: both; border-top: none; border-left: none; background: #f5f5f5; padding: 10px 20px 20px; width: 400px; }